import { View } from '@tarojs/components';
import './index.scss'


export default function Index() {
  return (
    <View className='sky_wrapper'>
      <div className="stars"></div>
      <div className="stars-highlights"></div>
      <div className="planets">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
      <div className="planets-2">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
      <div className="startails">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
      <div className="scene">
        <div className="sun"></div>
        <div className="planet"></div>
        <div className="planet-2"></div>
        <div className="planet-3"></div>
        <div className="planet-4"></div>
        <div className="planet-6"></div>
        <div className="planet-5">
          <div className="structure-1"></div>
          <div className="structure-2"></div>
          <div className="structure-3"></div>
        </div>
        
        <div className="human">
          <div className="neck"></div>
          <div className="head"></div>
          <div className="body">
            <div className="shoulder"></div>
            <div className="back"></div>
            <div className="hip">
              <div className="center"></div>
            </div>
          </div>
          <div className="leg left">
            <div className="knee"></div>
            <div className="lower"></div>
          </div>
          <div className="leg right">
            <div className="knee"></div>
            <div className="lower"></div>
          </div>
          <div className="arm left">
            <div className="hand"></div>
          </div>
          <div className="arm right">
            <div className="hand"></div>
          </div>
        </div>
        <div className="human shadow">
          <div className="neck"></div>
          <div className="head"></div>
          <div className="body">
            <div className="shoulder"></div>
            <div className="back"></div>
            <div className="hip">
              <div className="center"></div>
            </div>
          </div>
          <div className="leg left">
            <div className="knee"></div>
            <div className="lower"></div>
          </div>
          <div className="leg right">
            <div className="knee"></div>
            <div className="lower"></div>
          </div>
          <div className="arm left">
            <div className="hand"></div>
          </div>
          <div className="arm right">
            <div className="hand"></div>
          </div>
        </div>
        <div className="cuboid">
          <div className="album l">
            <div className='item'>React 知命境</div>
            <div className='item'>JavaScript 基础</div>
            <div className='item'>JavaScript 核心进阶</div>
            <div className='item'>性能优化专题</div>
          </div>

          <div className="album r">
            <div className='item'>TypeScript</div>
            <div className='item'>CSS 动画专题</div>
            <div className='item'>CSS 3D 专题</div>
            <div className='item'>HarmonyOS 速成</div>
          </div>
          <div className="object">
            <div className="body"></div>
          </div>
          <div className="top">
            <div className="outline"></div>
            <div className="outline"></div>
            <div className="outline"></div>
            <div className="outline"></div>
          </div>
          <div className="front"></div>
          <div className="right"></div>
        </div>
      </div>
      <button id="audiobutton" className="audio-icon-button">
        <div className="bar"></div>
        <div className="bar"></div>
        <div className="bar"></div>
        <div className="bar"></div>
        <div className="bar"></div>
      </button>
      <div className="highlight"></div>
      <div className="color-filter"></div>
    </View>
  )
}